<!--申明了一个标准的html5文档类型-->
<!DOCTYPE html>
<!--申明这个文档是一个中文简体语言的文本 在一些非这类语言的机器上 浏览器可识别 -->
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=0">
    <title>less than better</title>
    <link rel="shortcut icon" href="../images/logo.ico">
    <link href="../lib/bootstrap/css/bootstrap.css" rel="stylesheet">
    <!--兼容邪恶的IE，支持媒体查询-->
    <!--[if lte IE 6]>
    <script src="../lib/html5shiv/html5shiv.min.js"></script>
    <script src="../lib/respond/respond.js"></script>
    <![endif]-->
    <!--自己的css-->
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/base.css">
</head>
<body style="background: url(../images/bg.jpg);" ng-app='learn' ng-controller='learnController'>

<!--navbar-fixed-top-->
<nav class="navbar navbar-inverse navbar-fixed-top" style="margin: 0;">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <!--<span class="sr-only">Toggle navigation</span>-->
                <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="../index.html">Less Than Better</a>
        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <!--html5 css3 javascript js面向对象 angular 更多>>-->
                <li ng-class='{"active":true}' ng-repeat='item in navs track by $index'>
                    <a href="#{{item.M}}">{{item.I}}</a>
                </li>
                <li><a href="#">更多&gt;&gt;</a></li>
            </ul>
        </div>
    </div>
</nav>
<div class='container-fluid' style='height: 500px;margin-top: 50px;'>
    <div class='row' style='height: 100px;'>
        <div class='col-xs-3' style='height: 29px;'>
            <div class="row" style='line-height: 30px;text-align: center'>
                <ul>
                    <li style='border-bottom: 1px solid #fff;'>
                        <a href="#" style="width: 100%;height: 100%;display: block;">asdasdas</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class='col-xs-9' style='height: 30px;background: blueviolet'>
            <div class="row">
                类容
            </div>
        </div>
    </div>
</div>
<div ng-view></div>
<div class="container-fluid" style="height: 70px;border-top: 1px solid #fff;">
    <div class="row">
        <div class="col-xs-12">
            <p style='line-height: 70px;margin: 0 auto;text-align: center;'>
                <span>
                    Design by QiuYang
                    <a href="http://user.qzone.qq.com/1736315428/infocenter?ptsig=2uV9NkjIp3mTcBPFs-Jj1qUGZGiBE-a8VJNI2gDQNi0_" target="_blank">我的个人空间</a>
                </span>
            </p>
        </div>
    </div>
</div>
<script src="../lib/underscore/underscore-min.js"></script>
<script src="../lib/underscore/template.js"></script>
<script src="../lib/jquery/jquery.js"></script>
<script src="../lib/bootstrap/js/bootstrap.js"></script>
<script src='../lib/node_modules/angular/angular.js'></script>
<script src='../lib/node_modules/angular-route/angular-route.js'></script>
<script src='learnjs/learn.js'></script>
</body>
</html>











